<!DOCTYPE html>
<html>

<head>
  <title>代码生成器</title>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/font-awesome.min.css">
  <link rel="stylesheet" href="plugins/jqgrid/ui.jqgrid-bootstrap.css">
  <link rel="stylesheet" href="css/main.css">
  <script src="libs/jquery.min.js"></script>
  <script src="plugins/layer/layer.js"></script>
  <script src="libs/bootstrap.min.js"></script>
  <script src="libs/vue.min.js"></script>
  <script src="plugins/jqgrid/grid.locale-cn.js"></script>
  <script src="plugins/jqgrid/jquery.jqGrid.min.js"></script>
  <script src="js/common.js"></script>
</head>

<body>
<div id="rrapp" class="container" style="padding-top:20px;">
  <div class="panel panel-default">
    <div class="panel-body">
      <div class="form">
        <div class="row">
          <div class="col-xs-4">
            <div class="form-group">
              <label for="mainPath">main路径：com.qingshan.mall</label>
              <input type="text" class="form-control" id="mainPath" v-model="config.mainPath">
            </div>
          </div>
          <div class="col-xs-4">
            <div class="form-group">
              <label for="packageName">包名：com.qingshan.mall</label>
              <input type="text" class="form-control" id="packageName" v-model="config.packageName">
            </div>
          </div>
          <div class="col-xs-4">
            <div class="form-group">
              <label for="moduleName">module名称：</label>
              <input type="text" class="form-control" id="moduleName" v-model="config.moduleName">
            </div>
          </div>
          <div class="col-xs-4">
            <div class="form-group">
              <label for="author">author</label>
              <input type="text" class="form-control" id="author" v-model="config.author">
            </div>
          </div>
          <div class="col-xs-4">
            <div class="form-group">
              <label for="email">email</label>
              <input type="text" class="form-control" id="email" v-model="config.email">
            </div>
          </div>
          <div class="col-xs-4">
            <div class="form-group">
              <label for="tablePrefix">tablePrefix</label>
              <input type="text" class="form-control" id="tablePrefix" v-model="config.tablePrefix">
            </div>
          </div>
          <div class="col-xs-12">
            <button @click="saveConfig" type="buttom" class="btn btn-primary btn-lg">保存</button>
          </div>
        </div>

      </div>
    </div>
  </div>

  <div class="grid-btn">
    <div class="form-group col-sm-2">
      <select v-model="currentDatabase" class="form-control">
        <option v-for="(item,index) in database" :key="index">{{ item }}</option>
      </select>
    </div>
    <div class="form-group col-sm-2">
      <input type="text" class="form-control" v-model="q.tableName" placeholder="表名">
    </div>
    <a class="btn btn-default" @click="query">查询</a>
    <a class="btn btn-primary" @click="generator"><i class="fa fa-file-code-o"></i>&nbsp;生成代码</a>
  </div>
  <table id="jqGrid"></table>
  <div id="jqGridPager"></div>
</div>

<script src="js/generator.js"></script>
</body>

</html>